@media screen and (min-width: 750px) {
    html {
      font-size: 75px!important;
    }
  }
  @media screen and (max-width: 319px) {
    html {
      font-size: 32px!important;
    }
  }
  *{
    margin: 0;
    padding: 0;
    list-style: none;
    outline-style: none;
  }
  body {
    width: 750/75rem;
    font-size: 1rem !important;
    // height: 1334/75rem;
    margin: 0 auto;
    background-size: 100%;
    background-color: #f6f6f6;
  }

//   *********header部分********
header {
    width: 750/75rem;
    font-size: 24/75rem;
    height: 86/75rem;
    line-height: 86/75rem;
    padding: 0 25/75rem;
    background-color: #106035;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    z-index: 50;
    .back{
        width: 44/75rem;
        height: 44/75rem;
        margin-right: 39/75rem;
        background: url(../images/返回钮.png) no-repeat center center;
        background-size: 100%;
        cursor: pointer;
    }
    .search{
        width: 507/75rem;
        height: 42/75rem;
        line-height: 42/75rem;
        border: 2/75rem solid #fff;
        margin-right: 25/75rem;
        border-radius: 21/75rem;
        padding-left: 60/75rem;
        box-sizing: border-box;
        color: #fff;

        background: url(../images/矩形.png) no-repeat 20/75rem center;
        background-size: 26/75rem;
    }
    input::-webkit-input-placeholder {
      color:#fff;
    }
    .message{
      width: 45/75rem;
      height: 45/75rem;
      margin-right: 30/75rem;
      background: url(../images/信息.png) no-repeat  center center;
      background-size: 43/75rem;
    }
    .setting{
      width: 10/75rem;
      height: 40/75rem;
      line-height:40/75rem;
      img {
        height: 100%;
      }
    }  
    .caidan {
      display: none;
      background-color: #fff;
      position: absolute;
      right: 0;
      top: 86/75rem;
      z-index: 99;
      box-shadow: -5/75rem 5/75rem 10/75rem 0 rgba(0, 0, 0, .1);
      ul {
        padding: 0 10/75rem;
        li {
          height: 35/75rem;
          line-height: 35/75rem;
          font-size: 18/75rem;
          border-bottom: 1/75rem dashed #ddd;
          color: #555;
          &:last-child {
            border-bottom: none;
            
          }
        }
      }
    } 
    .xianshi {
      display: block;
    }
}

//   *********header部分********


// *********nav部分********

nav {
  margin-top: 86/75rem;
  width: 750/75rem;
  height: 69/75rem;
  line-height: 69/75rem;
  font-size: 24/75rem;
  background-color: #0a844c;
  position: fixed;
  left: 0;
  right: 0;
  top: 86/75rem;
  margin: auto;
  display: flex;
  // flex-direction: column;
  align-items: center;
  z-index: 49;
  .main {
    width: 680/75rem;
    display: flex;
    // padding-left: 36/75rem;
    box-sizing: border-box;
    // align-items: center;
    justify-content: space-between;
    .focus {
      font-size: 26/75rem;
      color: #c0e17b;
    }
    li{
      margin-right: 15/75rem;
      margin-left: 15/75rem;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      cursor: pointer;
      img {
        width: 25/75rem;
        height: 25/75rem;
      }
      span {
        flex: 1;
        text-align: center;
      }
    }

    .rise {
      transform: rotate(0deg);
      transition: all 0s linear;
    }
    .drop {
      transform: rotate(180deg);
      transition: all 0s linear;
    }
    .moren {
      margin-left: 30/75rem;
      margin-right: 20/75rem;
      box-sizing: border-box;
    }
    .yh{
      flex: 1;
    }
    .xl{
      flex: 1;
    }
    .price{
      flex: 1;
    }
    .shaixuan{
      flex: 1;
      img {
        width: 13/75rem;
        height: 8/75rem;
      }
    }
    
    
  }
  .shitu {
    width: 30/75rem;
    height: 30/75rem;
    line-height: 30/75rem;
    margin-left: 0;
    margin-left: 20/74rem;
    cursor: pointer;
    img{
      width: 100%;
    }
  }
  .box {
    width: 250/75rem;
    height: 600/75rem;
    display: flex;
    flex-direction: column;
    font-size: 18/75rem;
    position: absolute;
    top: 69/75rem;
    right: 2/75rem;
    background-color: rgba(230, 230, 230,.7);
    display: none;
    border: 1/75rem solid rgb(250, 250, 250);
    border-radius: 10/75rem;
    box-shadow: -0/75rem 5/75rem 10/75rem 0/75rem rgb(230,230,230);
    box-sizing: border-box;
    padding: 0 10/75rem;
    overflow: auto;
    .choice {
      // padding:0 20/75rem;
      span {
        height: 30/75rem;
        padding: 0 10/75rem;
        line-height: 30/75rem;
        text-align: center;
        background-color: #878787;
        box-shadow: 0 0 5/75rem 0 rgb(10, 132, 76);
        color: rgb(240, 240, 240);
        border-radius: 15/75rem;
      }
      .one {
        width: 120/75rem;
        padding:5/75rem 25/75rem;
        background-color: #205050;
        
      }
      .sx{
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        // background-color: #bbb;
        // margin-left: 100/75rem;
        li{
          height: 40/75rem;
          margin: 5/75rem 0;
          display: flex;
          align-items: center;
          padding-right: 10/75rem;
          span {
            width: 120/75rem;
            height: 40/75rem;
            line-height:40/75rem ;
            font-size: 12/75rem;
            border-radius: 20/75rem;
          }
          .choice_this {
            background-color: rgba(10, 132, 76,.8);
            
          }
        }
      }
    }
    input {
      // width: 60/75rem;
      padding: 0 20/73rem;
      // margin-left: 90/75rem;
      height: 40/75rem;
      font-size: 18/75rem;
      border-radius: 20/75rem;
      color: rgb(240, 240, 240);
      background-color: rgba(19, 54, 38, 0.9);
      border-style: none;
      box-shadow: 0 0 10/75rem 0 rgb(240, 240, 240);
    }
  }
  
}
// *********nav部分********

// 内容区域
.kongbai {
  height: (86+69)/75rem;
}
//---块区域显示css
.block {
  width: 750/75rem;
  // height: 472/75rem;
  // margin-top: 19/75rem;
  padding-right: 20/75rem;;
  box-sizing: border-box;
  font-size: 22/75rem;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  .result {
    flex:45%;
    // width: 346/75rem;
    height: 472/75rem;
    border-radius: 10/75rem;
    box-shadow: 10/75rem 10/75rem 10/75rem 0 rgb(240, 240, 240);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: 0 24/75rem;
    margin-left: 19/75rem;
    margin-top: 19/75rem;
    .store {
      cursor: pointer;
    }
    .top {
      width: 100%;
      height: 58/75rem;
      line-height: 58/75rem;
      display: flex;
      align-items: center;
      img{
        width: 20/75rem;
      }
      p {
        flex: 1;
        padding-left: 20/75rem;
      }
      span {
        width: 30/75rem;
        position: relative;
      }

    }
    .middle {
      width: 100%;
      height: 220/75rem;
      line-height: 220/75rem ;
      // background-color: #ccc;
      border: rgba(0, 0, 0, .1);
      border-radius: 10/75rem;
      box-shadow: 10/75rem 10/75rem 20/75rem 0 rgb(245, 245, 245);
      display: flex;
      align-items: center;
      // flex-direction: column;
      text-align: center;
      img{
        width: 60%;
        margin: 0 auto;
      }
    }
    .bottom {
      width: 100%;
      height: 194/75rem;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      h4{
        padding-top: 26/75rem;
        font-weight: normal;
      }
      .mass{
        height: 29/75rem;
        text-align: center;
        background-color: #c0e17b;
        border-radius: 7/75rem;
        margin-top: 10/75rem;
        span{
          padding: 5/75rem 10/75rem;
          font-size: 16/75rem;
          color:#fff;
        }
      }
      .youhui{
        // width: 90/75rem;
        height: 29/75rem;
        line-height: 29/75rem;
        color: #ffac36;
        text-align: center;
        border-radius: 7/75rem;
        background-color: #fff7ec;
        font-size: 16/75rem; 
        margin-top: 10/75rem;
        span {
          padding: 2/75rem 5/75rem;
        } 
      }
      .price_now {
        width: 100%;
        font-size: 22/75rem;
        color: #f26b1a;
        display: flex;
        align-items:center;
        margin-top: 27/75rem;
        span {
          
        }
        p{
          flex: 1;
          font-size: 14/75rem;
          color: #646464;
          vertical-align: bottom;
          margin-left: 10/75rem;
        }
        .add_goods {
          width: 24/75rem;
          height: 24/75rem;
          line-height: 20/75rem;
          color:#fff;
          text-align: center;
          background-color: #0a844c;
          border-radius: 50%;
          // vertical-align: middle;
          cursor: pointer;
          span {
            width: 24/75rem;
            height: 24/75rem;
            font-size: 28/75rem;
          }
        }
      }
    }
  }
  .blank_result {
    flex:45%;
    height: 472/75rem;
    background-color: transparent;
    box-sizing: border-box;
    padding: 0 24/75rem;
    margin-left: 19/75rem;
    margin-top: 19/75rem;
  }
}
// 行区域显示css
.line {
	width: 750/75rem;
	padding-right: 20/75rem;;
	box-sizing: border-box;
	font-size: 22/75rem;
	display: flex;
	align-items: center;
  flex-wrap: wrap;
	// background-color: #ccc;
	.res {
		width: 100%;
		height: 200/75rem;
		border-radius: 10/75rem;
		display: flex;
		align-items: center;
		margin: 15/75rem;
    margin-right: 0;
		box-shadow: 0 0 10/75rem 0 rgb(230, 230, 230);
		.left{
			width: 180/75rem;
			height: 180/75rem;
			line-height: 180/75rem;
			text-align: center;
			border-radius: 10/75rem;
			box-shadow: 10/75rem 10/75rem 10/75rem 0 rgb(240, 240, 240);
			img {
				width: 80%;
				// height: 80%;
				vertical-align: middle;
			}
		}
		.right{
			flex: 1;
			height: 100%;
			display: flex;
			flex-direction: column;
			padding-left: 50/75rem;
			
			.line_1 {
				height: 60/75rem;
				line-height: 60/75rem;
				h4{
					font-weight: normal; 
				}
			}
			.line_2 {
				flex:1;
				display: flex;
				align-items: center;
        span {
          padding: 5/75rem 10/75rem;
        } 
				.mass {
					height: 29/75rem;
					text-align: center;
					background-color: #c0e17b;
					border-radius: 7/75rem;
					margin-top: 10/75rem;
					span{
					font-size: 16/75rem;
					color:#fff;
					}
				}
				.youhui{
          height: 29/75rem;
          line-height:29/75rem ;
					color: #ffac36;
					text-align: center;
					border-radius: 7/75rem;
					background-color: #fff7ec;
					font-size: 16/75rem; 
          margin-top: 10/75rem;
          margin-left: 10/75rem;
					
				}
			}
			.line_3 {
				flex:1;
				display: flex;
				align-items: center;
				span {
					color: #ffac36;
				}
				p{
					flex: 1;
					font-size: 14/75rem;
					color: #646464;
					vertical-align: bottom;
				}
			}
			
			.line_4 {
				flex:1;
				width: 100%;
				display: flex;
				align-items: center;
				img{
					width: 20/75rem;
				}
				p {
					flex: 1;
					padding-left: 20/75rem;
				}
				span {
					width: 24/75rem;
					height: 24/75rem;
					line-height: 20/75rem;
					color:#fff;
					text-align: center;
					background-color: #0a844c;
					border-radius: 50%;
					margin-right:30/75rem;
				}
			}
		}
	}
}
.active {
	display: none;
}


// 内容区域 